<div class="container">
  <div class="row col-12">
    <mat-card class="col-12">
      <mat-card-content class="mt-3">
        <div class="row mb-2">
          <div class="col-md-4">
            <b class="font-size-lg">账户名：</b>
            <span class="primary-color"> {{account.name}}</span>
          </div>
          <div class="col-md-4">
            <b class="font-size-lg">转入资金：</b>
            <span class="primary-color"> ￥{{account.capitalTransferIn}} 元</span>
          </div>
          <div class="col-md-4">
            <b class="font-size-lg">转出资金：</b>
            <span class="primary-color">￥{{account.capitalTransferOut}} 元</span>
          </div>
        </div>
        <div class="row mb-2">
          <div class="col-md-4">
            <b class="font-size-lg">资金总额：</b>
            <span class="primary-color">￥{{account.capital}} 元</span>
          </div>
          <div class="col-md-4">
            <b class="font-size-lg">盈利：</b>
            <span class="primary-color">￥{{account.profit}} 元</span>
          </div>
          <div class="col-md-4">
            <b class="font-size-lg">资产净值：</b>
            <span class="primary-color">￥{{account.totalAmount}} 元</span>
          </div>
        </div>
        <div class="row mb-2">
          <div class="col-md-4">
            <b class="font-size-lg">现金总额：</b>
            <span class="primary-color">￥{{account.currency}} 元</span>
          </div>
          <div class="col-md-4">
            <b class="font-size-lg">股票净值：</b>
            <span class="primary-color">￥{{account.stockAssets | number: '1.2-2'}} 元</span>
          </div>
          <div class="col-md-4">
            <b class="font-size-lg">收益率：</b>
            <!--小数点后整数位数（默认1位）.小数点后最小位数-小数点后最大位数-->
            <span class="primary-color">{{account.profitRate | number: '1.2-2'}}%</span>
          </div>
        </div>
      </mat-card-content>
      <mat-card-actions>
        <div class="ml-2 mb-2">
          <button class="btn btn-outline-danger" (click)="transferIn()">资金转入</button>
          <button class="btn btn-outline-danger ml-2" (click)="transferOut()">资金转出</button>
          <p class="mt-3">1、不参与集合竞价</p>
          <p>2、十点半后才进行操作，10点半后才能卖出，下午2点半后才能买入。</p>
          <p>3、每次买入不超过5万元，每下跌5个点，按比例买进。</p>
          <p>4、上涨途中卖出后，下跌时不跌到卖出价以下，并且有2个点以上的差价，不要买进。</p>
          <p>5、如果底部筹码开始松动后，第二天缝高点，坚决卖出。</p>
          <p>6、当天卖出后，不再买入任何股票。</p>
        </div>
      </mat-card-actions>
    </mat-card>
  </div>
  <div class="row col-12">
    <mat-tab-group class="col-12">
      <mat-tab label="我的自选">
        <app-stock-list></app-stock-list>
      </mat-tab>
      <mat-tab label="持仓明细">
        <app-holding-list></app-holding-list>
      </mat-tab>
      <mat-tab label="清仓明细">
        <app-clearance-list></app-clearance-list>
      </mat-tab>
      <mat-tab label="大盘指数">
        <app-invest-list></app-invest-list>
      </mat-tab>
    </mat-tab-group>
  </div>
</div>
